<!--
 * @Author: 张卓南
 * @Date: 2023-10-19 20:39:08
 * @LastEditTime: 2023-10-21 16:10:40
 * @Description: 
-->
<template>
  <div class="header">
    <div class="fi">
      <GoBack>
        <div class="flex flex-col items-center justify-center">
          <div
            class="text-darkBlue dark:text-garyWhite text-22px font-black enter-y"
          >
            行程
          </div>
        </div>
      </GoBack>
    </div>
    <div >
      <van-tabs title-active-color="rgb(4, 174, 211)" sticky>
        <van-tab title="用车">
          <div class="content">
            <ZaikeInfo />
          </div>
        </van-tab>
        <van-tab title="载客">
          <div>
            <ZaikeInfo />
          </div>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script lang="ts" setup>
import GoBack from "@/components/GoBack.vue";
import ZaikeInfo from "@/views/zaikeInfo/index.vue";
</script>

<style scoped lang="less">
:deep(.van-tab__text) {
  font-size: 18px;
}
.header {
  overflow: hidden;
}
.content {
  height: calc(100vh - 100px);
  overflow-y: auto;
}
</style>
